$(function(){
	var offalert="<div class='off-alert'></div>",
	    html = "<div class='mark'></div>"
	           +"<div class='off-alert instrnew-alert'>"
				  +"<h3>新增记录<span id='close'>×</span></h3>"
				  +"<div class='form-content'><form><label>器械名称</label><input type='text' placeholder='请输入' style='width:160px'><label>数量</label><input type='text' placeholder='请输入' style='width:60px'><label>服务类型</label><input type='radio' name='rad'>报修　<input type='radio' name='rad'>购买</form></div>"
          +"<div class='col-xs-12'><div class='col-xs-4'>原因</div><div class='col-xs-8'><textarea></textarea></div></div>"
          +"<div class='btns'><button>保存</button><button>取消</button></div>"
          +"</div>";
	   $("body").prepend($(html))
    $(".mark").css("height",$(document).height()+"px")		
   $(".mark").addClass('hidden')	
   $(".off-alert").addClass('hidden')
      $("#off-btn").click(function(){
           $('.mark').show()
           $('.off-alert').show()
           $(".off-alert").removeClass('hidden')
           $(".mark").removeClass('hidden')
       
     })
    $("#close").click(function(){
           $('.mark').hide()
           $('.off-alert').hide()
           $(".off-alert").addClass('hidden')
           $(".mark").addClass('hidden')
     })
})